<template>
  <div>
    <Menu></Menu>
  <div>
    <p class="outor">
      <a href>< 退出登录</a>
    </p>

    <p class="title">订单</p>
    <div class="nodata">
      <p>暂时没有商品</p>
    </div>
    <div class="orderlist">
      <table cellspacing="0" class="ordertable">
        <thead>
          <tr class="orderhead">
            <th>订单编号</th>
            <th>创建时间</th>
            <th>状态</th>
            <th>实付</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>待付款</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>待发货</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>已发货</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>退款中</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>待付款</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>待发货</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>已发货</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>退款中</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>已退款</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href>10</a>
            </td>
            <td>201901-01</td>
            <td>已取消</td>
            <td>$0.9</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="pages">
      <span>共800条</span>
      <span>
        每页
        <select>
          <option>10</option>
          <option>20</option>
          <option>50</option>
          <option>100</option>
        </select>
        条
      </span>
      <Span>
        <a><</a>
        <a>1</a>
        <a>2</a>
        <a>3</a>
        <a>4</a>
        <a>5</a>
        <b>...</b>
        <a>23</a>
        <a>></a>
      </Span>
      <span>
        前往
        <input type="text" value="1" />页
      </span>
    </div>
  </div>
  </div>
</template>

<script>
import Menu from './Menu'
export default {
   components: {Menu},
    methods:{}
};
</script>

<style lang="less" scoped>
@media screen and (max-width: 1024px) {
  @import url(../assets/css/mobile_personal.less);
}
  @media screen and (min-width: 1024px) {
  @import url(../assets/css/pc_personal.less);
}
</style>